<template>
    <div class="">
        <ul class="project-info-group">
            <li>
                <span class="title">名称：</span>
                <span class="detail">{{ project.name }}</span>
            </li>
            <li>
                <span class="title">类型：</span>
                <span class="detail">{{ project.type }}</span>
            </li>
            <li>
                <span class="title">介绍：</span>
                <span class="detail">{{ project.description }}</span>
            </li>
            <li>
                <span class="title">创建时间：</span>
                <span class="detail">{{ $filters.format(project.create_time)}}</span>
            </li>
            <li>
                <span class="title">更新时间：</span>
                <span class="detail">{{  $filters.format(project.last_update_time)}}</span>
            </li>
            <li>
                <span class="title">创建人：</span>
                <span class="detail">{{ project.user ? project.user.username : "" }}</span>
            </li>
        </ul>
    </div>
</template>

<script>
export default {
    name: "ProjectInfo",
    props: ['project'],
    data: () => ({
        activeName: "1"

    }),
    components: {
        ElMessage
    },
    methods: {

    }
}
</script>
    
<style scoped lang='scss'>
.project-info-group{
  li{
    padding: 20px 0;
    border-bottom: 1px solid #ccc;
    .title{
      display: inline-block;
      font-weight: 700;
      width: 100px;
    }
  }
}
</style>